<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>AOS敖翔在线</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="static/css/style.css" />
		<script type="text/javascript" src="static/js/jquery.min.js" ></script>
		<script type="text/javascript" src="layui/layui.js" ></script>
		<script type="text/javascript" src="static/js/echarts-all.js" ></script>
		<!--[if lt IE 9]>
		<script src="static/js/html5.js"></script>
		<script src="static/js/respond.js"></script>
		<![endif]-->
	</head>
	<body>

    <div class="layui-fluid">
		<div class="layui-card content-wrap">
			<div class="syudentall"></div>
			<div id="main" style="height:500px"></div>
		</div>
	</div>
	<script type="text/javascript">
         var myChart = echarts.init(document.getElementById('main'));
        option = {
            // title : {
            //     text: '2011全国GDP（亿元）',
            //     subtext: '数据来自国家统计局'
            // },
            tooltip : {
                trigger: 'item'
            },


            series : [
                {
                    name: '2011全国GDP分布',
                    type: 'map',
                    mapType: 'china',

                    selectedMode : 'multiple',
                    itemStyle: {
							normal: { label: { show: false }, areaStyle:{color:'#47bac2'}},
							emphasis: { label: { show: true,textStyle: {
										fontSize: 14,
										color: '#ffffff'
									} },areaStyle:{color:'#e18b71'},}
						},
                    data:[

                        {name:'陕西', value:12512.3},
                        {name:'黑龙江', value:12582},
                        {name:'内蒙古', value:14359.88},
                        {name:'安徽', value:15300.65},
                        {name:'北京', value:16251.93, selected:true},

                    ]
                }

            ],
            animation: false
        };

        myChart.setOption(option, true);

	</script>
	</body>
</html>
